:root {
        --blue-100: #d0e3f9;
            --blue-200: #a1c8f3;
            --blue-300: #72aced;
            --blue-400: #4391e7;
            --blue-500: #1475e1;
            --blue-600: #105eb4;
            --blue-700: #0c4687;
            --blue-800: #082f5a;
            --blue-900: #04172d;
            --red-100: #fbcfd8;
            --red-200: #f6a0b1;
            --red-300: #f2708a;
            --red-400: #ed4163;
            --red-500: #e9113c;
            --red-600: #ba0e30;
            --red-700: #8c0a24;
            --red-800: #5d0718;
            --red-900: #2f030c;
            --purple-100: #dcccff;
            --purple-200: #be8fff;
            --purple-300: #b061ff;
            --purple-400: #962eff;
            --purple-500: #9000ff;
            --purple-600: #7100c7;
            --purple-700: #590099;
            --purple-800: #2d004d;
            --purple-900: #1e0132;
            --green-100: #ccffcc;
            --green-200: #8fff8f;
            --green-300: #57ff57;
            --green-400: #1fff20;
            --green-500: #00e701;
            --green-600: #00b801;
            --green-700: #008a01;
            --green-800: #004d00;
            --green-900: #013e01;
            --yellow-100: #fff2dd;
            --yellow-200: #ffdeaa;
            --yellow-300: #ffcc7b;
            --yellow-400: #ffb949;
            --yellow-500: #ff9d00;
            --yellow-600: #cd7f01;
            --yellow-700: #9c6000;
            --yellow-800: #633d00;
            --yellow-900: #301d00;
            --grey-100: #d5dceb;
            --grey-200: #b1bad3;
            --grey-300: #557086;
            --grey-400: #2f4553;
            --grey-500: #213743;
            --grey-600: #1a2c38;
            --grey-700: #0f212e;
            --grey-800: #071d2a;
            --grey-900: #071824;
            --white: #fff;
            --black: #000;
            --neutral-black: #05080a;
            color: var(--grey-200);
            --shadows-sm: 0 1px 3px 0 rgba(0, 0, 0, .2),
                0 1px 2px 0 rgba(0, 0, 0, .12);
            --shadows-md: 0 4px 6px -1px rgba(27, 23, 23, .2),
                0 2px 4px -1px rgba(0, 0, 0, .12);
            --shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, .2),
                0 4px 6px -2px rgba(0, 0, 0, .1);
            --shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, .2),
                0 10px 10px -5px rgba(0, 0, 0, .08);
            --shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, .4);
            --shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .2);
            --shadow-inset: inset 0 1px rgba(255, 255, 255, .04);
            --btn-shadow: var(--shadows-sm),
                var(--shadow-inset);
            --shadow-button-sm: 0rem .0625rem .1875rem #00000033,
                0rem .0625rem .125rem #0000001f;
            --border-thin: .0625rem;
            --border-light: .125rem;
            --border-medium: .25rem;
            --radius-none: 0;
            --radius-sm: .125rem;
            --radius-base: .25rem;
            --radius-md: .5rem;
            --radius-lg: 4rem;
            --border-radius-0-15: .15rem;
            --text-size-10xl: 7rem;
            --text-size-9xl: 6.25rem;
            --text-size-8xl: 5.5rem;
            --text-size-7xl-responsive-large: 5rem;
            --text-size-7xl: 4.75rem;
            --text-size-7xl-responsive-small: 4.5rem;
            --text-size-6xl-responsive-large: 4.25rem;
            --text-size-6xl: 4rem;
            --text-size-6xl-responsive-small: 3.75rem;
            --text-size-5xl-responsive-large: 3.5rem;
            --text-size-5xl: 3.25rem;
            --text-size-5xl-responsive-small: 3rem;
            --text-size-4xl-responsive-large: 2.75rem;
            --text-size-4xl: 2.5rem;
            --text-size-4xl-responsive-small: 2.25rem;
            --text-size-3xl-responsive-large: 2.25rem;
            --text-size-3xl: 2rem;
            --text-size-3xl-responsive-small: 1.75rem;
            --text-size-2xl-responsive-large: 2rem;
            --text-size-2xl: 1.75rem;
            --text-size-2xl-responsive-small: 1.5rem;
            --text-size-xl-responsive-large: 1.75rem;
            --text-size-xl: 1.5rem;
            --text-size-xl-responsive-small: 1.25rem;
            --text-size-lg-responsive-large: 1.5rem;
            --text-size-lg: 1.25rem;
            --text-size-lg-responsive-small: 1.125rem;
            --text-size-md-responsive-large: 1.25rem;
            --text-size-md: 1.125rem;
            --text-size-md-responsive-small: 1rem;
            --text-size-base-responsive-large: 1.125rem;
            --text-size-base: 1rem;
            --text-size-base-responsive-small: 1rem;
            --text-size-default-responsive-large: 1rem;
            --text-size-default: .875rem;
            --text-size-default-responsive-small: .875rem;
            --text-size-sm-responsive-large: .875rem;
            --text-size-sm: .75rem;
            --text-size-sm-responsive-small: .75rem;
            --text-size-xs-responsive-large: .75rem;
            --text-size-xs: .625rem;
            --text-size-default-fixed-responsive-small: .875rem;
            --input-color: var(--white);
            --input-background: var(--grey-700);
            --input-border: var(--grey-400);
            --input-placeholder: #566671;
            --input-hover-color: var(--white);
            --input-hover-border: var(--grey-300);
            --input-transition: var(--transition-medium);
            --input-font-weight: 600;
            --input-letter-spacing: 0;
            --input-border-radius: var(--radius-base);
            --input-border-width: 2px;
            --input-box-shadow: var(--shadows-sm);
            --input-button-divider: var(--grey-600);
            --label-font-size: var(--text-size-default);
            --label-color: var(--grey-200);
            --label-hover-color: var(--grey-100);
            --label-font-weight: 600;
            --label-letter-spacing: 0;
            --focus-outline-width: .125rem;
            --focus-outline-grey: var(--focus-outline-width) solid var(--grey-200);
            --focus-outline-white: var(--focus-outline-width) solid var(--white);
            --space-0: 0rem;
            --space-0-5: .125rem;
            --space-1: .25rem;
            --space-1-5: .375rem;
            --space-2: .5rem;
            --space-3: .75rem;
            --space-4: 1rem;
            --space-5: 1.25rem;
            --space-6: 1.5rem;
            --space-7: 1.75rem;
            --space-8: 2rem;
            --space-9: 2.25rem;
            --space-10: 2.5rem;
            --space-12: 3rem;
            --space-14: 3.5rem;
            --space-16: 4rem;
            --space-20: 5rem;
            --spacingEm-0-125: .125em;
            --spacingEm-0-25: .25em;
            --spacingEm-0-5: .5em;
            --spacingEm-0-75: .75em;
            --spacingEm-1: 1em;
            --spacingEm-1-25: 1.25em;
            --spacingEm-1-5: 1.5em;
            --spacingEm-1-75: 1.75em;
            --spacingEm-2: 2em;
            --spacingEm-2-5: 2.5em;
            --spacingEm-3: 3em;
            --spacingEm-3-5: 3.5em;
            --spacingEm-4: 4em;
            --spacingEm-4-5: 4.5em;
            --spacingEm-5: 5em;
            --transition-fast: .2s;
            --transition-medium: .25s;
            --transition-slow: .35s;
            --scrollbar-size: 6px;
            --mobile-footer-height: 68px;
            --header-height: 60px;
            --onboarding-banner-height: 3.5rem;
            --radio-img: url();
            --checkbox-img: url();
}